<!-- <template >
    <div >
        <SwipeImg></SwipeImg>
        <div class="nav">
            <router-link to="/films/in_theaters">正在热议</router-link>
            <router-link to="/films/coming_soon">即将上映</router-link>
        </div>
        <router-view></router-view>
        <TabBar class="tabbar"></TabBar>
    </div>
</template>
<script>
// 导入组件
import TabBar from './components/TabBar.vue'
import SwipeImg from './components/SwipeImg.vue'
export default {
    // 挂载组件
    components: {
        TabBar,
        SwipeImg
    },
}
</script>
<style scoped>
.nav {
    display: flex;
    justify-content: space-around;
    line-height: 50px;
}
.router-link-active {
    color: orangered;
    border-bottom: 2px solid orangered;
}
</style> -->